/*
///来源 http://wwww.css88.com
///参数设置：
scaling     是否等比例自动缩放
width       图片最大高
height      图片最大宽
loadpic     加载中的图片路径
*/
(function($){
    jQuery.fn.LoadImage=function(settings){
         settings = jQuery.extend({
            scaling : true,
            width : 80,
            height : 80,
            loadpic:""
        }, settings);
        return this.each(function() {
            $.fn.LoadImage.Showimg( $( this ), settings );
        });
        };
    $.fn.LoadImage.Showimg = function($this, settings){
        var src=$this.attr("src");
        var img=new Image();
        img.src=src;
        
        var autoScaling=function(){
            if (settings.scaling) {
                if (img.width > 0 && img.height > 0) {
                    if (img.width / img.height >= settings.width / settings.height) {
                        if (img.width > settings.width) {
                            $this.width(settings.width);
                            $this.height((img.height * settings.width) / img.width);
                        }
                        else {
                            $this.width(img.width);
                            $this.height(img.height);
                        }
                    }
                    else {
                        if (img.height > settings.height) {
                            $this.height(settings.height);
                            $this.width((img.width * settings.height) / img.height);
                        }
                        else {
                            $this.width(img.width);
                            $this.height(img.height);
                        }
                    }
                }
            }
        }
        
        //
        // 如图片加载完成则不进行预加载
        //
        if (img.complete) {
            autoScaling();
            return;
        }
        $this.attr("src","");
        var loading=$("<img alt=\"加载中...\" title=\"图片加载中...\" src=\""+settings.loadpic+"\" />");
        $this.hide();
        $this.after(loading);
        $(img).load(function(){
            autoScaling();
            loading.remove();
            $this.attr("src",this.src);
            $this.show();
            
        });
    }
})(jQuery);